<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8" isELIgnored="false"%>
<%@ include file="/WEB-INF/views/shared/taglib.jsp"%>
<%
	request.setAttribute("title", "我的理赔");
%>
<%@ include file="/WEB-INF/views/shared/master/weContentHeader.jsp"%>
<style type="text/css">
	.tab li{
		min-width:120px;
		width:50%;
	}
	a{
		color:#000;
	}
	.claim-green-pipe .weui-grid{
		width:50%;
		padding: 5px 0px;
	}
	
	#claim-tab{
		border-top:1px solid #d9d9d9;
	}

	.weui-search-bar{
      	margin:10px 45px; 
    	padding:1px;
    }
    
    .weui-search-bar__cancel-btn{
    	color:#aaafaf;
    	margin-right:10px;
    }
    .weui-search-bar__box .weui-search-bar__input{
    	height:1.5em;
    	line-height:1.5em;
    }

	.weui-search-bar__label{
		border-radius:0px;
	}
	
	.weui-search-bar__box{
		border-radius:0px;
		border:1px solid #d9d9d9;
	}
	
	 .weui-search-bar{
    	padding:0px;
    }
    
    .orderitem>div{
		padding:10px 10px;
		border-bottom: 1px solid #eee; 
	}
	.orderitemtittle{
		color:#afafaf;
	}
	
	.ordermoney{
		color: red;
	}
	.orderno{
		color: red;
	}
	.orderok{
		color: #2196F3;
	}
	.claimsmsg{
		margin: 10px;
		text-align: center;
		color: #afafaf;
	}
	
	 @media screen and (max-width:374px){
	 
	 	*{
	 		font-size:13px;
	 	}
	 	
	 	.weui-btn{
	 		font-size:15px;
	 	}
	 	
	 	.weui-search-bar{
      	margin:10px 25px; 
    	padding:1px;
    }
	 }
	
</style>
<%@ include file="/WEB-INF/views/shared/master/weTitle.jsp"%>
<div class="goback" data-back-href="<c:url value='/wechat/claim/claimIndex/claimIndex'/>"></div>
<div class="weui-search-bar" id="searchBar">
  <form class="weui-search-bar__form">
    <div class="weui-search-bar__box">
      <i class="weui-icon-search"></i>
      <input type="search" class="weui-search-bar__input" id="searchInput" placeholder="搜索" required="">
      <a href="javascript:" class="weui-icon-clear" id="searchClear"></a>
    </div>
    <label class="weui-search-bar__label" id="searchText">
      <i class="weui-icon-search"></i>
      <span>请输入被保险人证件号码搜索理赔单</span>
    </label>
  </form>
  <a href="javascript:" class="weui-search-bar__cancel-btn" id="searchCancel">取消</a>
</div>

<div>
	<div class="tab-container" data-id="claim-container" id="claim-tab">
		<ul class="tab tab-horizontal" style="">
			<li data-id="tab1" class="active" data-type="underway">
				<span>进行中</span>
			</li>
			<li data-id="tab2" class="" data-type="finished">
				<span>已完结</span>
			</li>
		</ul>
	</div>
</div>

<div id="claim-container">
	
	<div class="tab-content active" id="tab1">
		
	</div>
	
	<div class="tab-content" id="tab2">
	
	
	</div>

</div>


<%@ include file="/WEB-INF/views/shared/scripts/jquery.jsp"%>
<%@ include file="/WEB-INF/views/shared/scripts/jqweui.jsp"%>
<%@ include file="/WEB-INF/views/shared/scripts/tabmob.jsp"%>



<script type="text/javascript">

$(function(){
	
	liChange();
	
	$("#claim-tab").on("click","li",function(){
		liChange();
	});
	
	
	function liChange(){
		/* 点击li标签的查询事件 */
		var $li = $("#claim-tab li.active");
		var state = $li.data("type");
		var url = $.getVirtualPath()+"/wechat/claim/greenChannel/claimList?state="+state;
		var html = $.getText(url);
	
		var tabId = $li.data("id");
		$("#"+tabId).html(html);
	}
});



	
</script>


<%@ include file="/WEB-INF/views/shared/master/weContentFooter.jsp"%>